<template>
    <view>
        <view class="uni-padding-wrap shopslide">
            <view class="page-section swiper">
                <view class="page-section-spacing">
                    <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
                        <swiper-item>
                            <view class="swiper-item uni-bg-red">
								<!-- <image src="../../static/images/banner/banner1.jpg" mode=""></image> -->
								<image src="../../static/banner/banner1.jpg" mode=""></image>
							</view>
                        </swiper-item>
                        <swiper-item>
                            <view class="swiper-item uni-bg-green">
									<image src="../../static/banner/banner2.jpg" mode=""></image>
							</view>
                        </swiper-item>
                        <swiper-item>
                            <view class="swiper-item uni-bg-blue">
									<image src="../../static/banner/banner3.jpg" mode=""></image>
							</view>
                        </swiper-item>
                    </swiper>
                </view>
            </view>
        </view>
      
 
    </view>
</template>
<script>
	export default {
		
		data() {
			return {
				background: ['color1', 'color2', 'color3'],
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500,
				listimg: [

				]
			}
		},
		methods: {

		},
	
	}
</script>

<style scoped>
	image{
		width: 100%;
	}
	
</style>
